* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
  }
  body{
    background-color: #fbfaf7;
  }
  html{
      font-size: 16px;
  }
  // 导航栏
  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }
  
  // 轮播图
  .carousel-inner {
      width: 100%;
      img{
        width: 100%;
      }
  }

  main{
    // 内容一
      >.main_1{
          >.box1{
              >.main_box1{
                  >.main_1-1{
                      >img{
                        // width: 20.625rem;
                        // height: 28.4375rem;
                      }
                  }
                  >.main_1-2{
                      >div{
                        
                        text-align: end;
                        >h2{
                            font-size: 1.875rem;
                            color: #2a2a2a;
                        }
                        >p{
                          //   display: inline;
                          
                            // text-indent: 8em;
                            font-size: .75rem;
                            color: #ababab;
                        }
                          >a{
                              margin-top: 1.875rem;
                              >img{
                                  width: 18.9375rem;
                                  height: 8.4375rem;
                              }
                          }
                      }
                  }
              }
          }
      }
      // 内容二
      >.main_2{
        margin-top: 3.75rem;
        >.box2{
          >.main_box2{
            >.main_2-1{
              >h2{
                font-size: 1.875rem;
                color: #2a2a2a;
            }
            >p{
              //   display: inline;
              
                // text-indent: 8em;
                font-size: .75rem;
                color: #ababab;
            }
              >a{
                  margin-top: 1.875rem;
                  >img{
                      width: 18.9375rem;
                      height: 8.4375rem;
                  }
              }
            }
            >.main_2-2{
              >img{

              }
            }
          }
        }
      }
      // 内容三
      >.main_3{
        >.box3{
          >.main_box3{
            >h2{
              font-size: 2.1875rem;
              margin-bottom: 3.125rem;
            }
            >div{
              display: flex;
              flex-direction: column;
              align-items: center;
              margin-bottom: 2.5rem;
              >img{
                // width: 18.75rem;
                // height: 8.125rem;
              }
              >p{
                margin-top: .625rem;
                font-size: .875rem;
              }
            }
          }
        }
      }
  }

  .fter{
    background-color: #3b3b3b;
    >.box6{
        
        >.fter_box1{
            overflow: hidden;
            margin-top: 2.1875rem;
            
            >.fter_1-1{
                
                >div:first-of-type{
                    >a{
                        font-size: .875rem;
                        color: #a1a3ab;
                    }
                }
                >div:last-of-type{
                    >p{
                        margin-top: .9375rem;
                        font-size: .75rem;
                        color: #a1a3ab;
                    }
                }
            }
            >.fter_1-2{
                margin-bottom: 1.25rem;
                >a{
                    img{
                        width: 2.375rem;
                        height: 2.375rem;
                    }
                }
                
                
            }
        }
    }
}




    // ipad端 >= 768px   < 992px
    @media screen and (min-width: 768px) and (max-width: 991px) {
        html {
          font-size: 14px;
        }
        .box {
          height: 100%;
          .navbar-wrapper {
            .navbar {
              margin-bottom: 0;
            }
            // 语言
            #navbar {
              .dropdown {
                position: absolute;
                top: 0;
                right: 80px;
              }
            }
          }
        }
        main{
            // 内容一
            >.main_1{
                >.box1{
                    >.main_box1{
                        >.main_1-1{
                            margin-top: 10rem;
                            img{
                                
                                width: 70%;
                                height: 70%;
                            }
                        }
                        >.main_1-2{
                            >div{
                                text-align: end;
                                >a{
                                    >img{
                                        width: 100%;
                                        height: 100%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            // 内容二
            >.main_2{
              >.box2{
                >.main_box2{
                  >.main_2-1{
                    >a{
                      >img{
                          width: 100%;
                          height: 100%;
                      }
                  }
                  }
                  >.main_2-2{
                    margin-top: 5.625rem;
                    >img{
                      width: 100%;
                      height: 100%;
                    }
                  }
                }
              }
            }
            // 内容三
            >.main_3{
              >.box3{
                >.main_bo3{
                  >div{
                    img{
                      width: 100%;
                      height: 100%;
                    }
                  }
                }
              }
            }
        }

      }


        // 移动端 < 768px
  @media screen and (max-width: 767px) {
    html {
      font-size: 12px;
    }
    .box {
      height: 100%;
      .navbar-wrapper {
        .container {
          .navbar {
            margin-bottom: 0;
          }
          // 语言
          #navbar {
            position: absolute;
            left: 0;
            top: 50px;
            background-color: #222;
            width: 100vw;
            .dropdown {
            }
          }
        }
      }
    }
    main{
      // 内容一
      >.main_1{
        >.box1{
          >.main_box1{
            >.main_1-1{
              display: none;
              >img{
               
              }
            }
            >.main_1-2{
              >div{
                >h2{
                  text-align: center;
                }
                >p{
                  text-align: start;
                  text-indent: 2em;
                }
                >a{
                  text-align: center;
                }
              }
            }
          }
        }
      }
      // 内容二
      >.main_2{
        // position: absolute;
        >.box2{
          >.main_box2{
            >.main_2-1{
              >h2{
                text-align: center;
              }
              >p{
                text-align: start;
                text-indent: 2em;
              }
              >a{
                text-align: center;
              }
            }
            >.main_2-2{
              display: none;
              >img{
                
              }
            }
          }
        }
      }
    }

  

  }